<template functional>
    <div class="score-expanded-cell">
        <div class="score-item">
            <span>考试平均得分：{{props.value.examAvgScore}}</span>
            <span>权重：{{props.value.examWeight}}</span>
            <span>计算得分：{{props.value.examScore}}</span>
        </div>
        <div class="score-item">
            <span>实训平均得分：{{props.value.trainingAvgScore}}</span>
            <span>权重：{{props.value.trainingWeight}}</span>
            <span>计算得分：{{props.value.trainingScore}}</span>
        </div>
        <div class="score-item">
            <span>教师打分：{{props.value.teaScoreBefore}}</span>
            <span>权重：{{props.value.teacherWeight}}</span>
            <span>计算得分：{{props.value.teacherScore}}</span>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        value: {
            type: Object,
            default: () => ({})
        }
    }
}
</script>
<style lang="less">
@border-color: #eee;
.score-expanded-cell {
    border: 1px solid @border-color;
    .score-item {
        & + .score-item {
            border-top: 1px solid @border-color;
        }
        span {
            padding: 8px 15px;
            display: inline-block;
            width: 33%;
        }
    }
}

</style>
